body {
  background: #fff;
}

.header {
  .returnPrev {
    float: left;
    display: block;
    color: #ffffff;
    font-size: .28rem;
    padding-left: .26rem;
    background: url("../img/zuojiantou.png") no-repeat left .11rem;
    background-size: .19rem .35rem;
    line-height: .6rem;
  }
  .headerTitle {
    color: #ffffff;
    font-size: .36rem;
    line-height: .6rem;
    float: left;
    margin-left: 1.8rem;
  }
}

.content {
  .addressManagement {
    margin-top: .88rem;
    padding: .36rem .2rem .36rem .7rem;
    background: url("../img/bg14.png") no-repeat .2rem;
    background-size: .27rem .37rem;
    a {
      display: block;
      width: 100%;
      height: .96rem;
      line-height: .48rem;
      background: url("../img/bg15.png") no-repeat right;
      background-size: .13rem .25rem;
      p {
        color: #3b3b3b;
        font-size: .24rem;
        float: left;
        line-height: .48rem;
        &.telephone {
          float: right;
          margin-right: .92rem;
        }
      }
    }
  }
  .proDetails {
    padding: 0 .2rem;
    background: #e2e2e2;
    position: relative;
    margin-bottom: .3rem;
    a {
      display: block;
      width: 100%;
      height: 100%;
      img {
        width: 2.08rem;
        height: 2.15rem;
        float: left;
      }
      .menuListRight {
        position: relative;
        float: right;
        .listTitle {
          padding-right: .6rem;
          color: #3c3b3b;
          font-size: .24rem;
          text-align: left;
          width: 4.05rem;
          line-height: .42rem;
          padding-top: .12rem;
        }
        .proColor {
          color: #939292;
          font-size: .24rem;
          text-align: left;
          line-height: .72rem;
        }
        .number {
          color: #939292;
          font-size: .24rem;
          text-align: right;
          position: absolute;
          bottom: .05rem;
          right: .5rem;
        }
        .price {
          color: #f31e1e;
          text-align: left;
          font-size: .2rem;
          line-height: .38rem;
          span {
            font-size: .36rem;
          }
        }
      }
    }
  }
  .options {
    padding: 0 .2rem;
    div {
      border-bottom: 1px solid #e2e2e2;
      a {
        display: block;
        color: #464646;
        font-size: .24rem;
        line-height: .76rem;

        p {
          float: left;
        }
        span {
          float: right;
          padding-right: .3rem;
          background: url("../img/bg16.png") no-repeat right;
          background-size: .12rem .22rem;
        }
      }
      &.FreightInsurance {
        a {
          span {
            padding-right: .7rem;
            font-size: .24rem;
            color: #949494;
          }
        }
      }
      &.invoiceName {
        span {
          float: left;
          background: none;
          padding-left: .17rem;
        }
      ;
      }
      &.LeaveAMessage {
        border-bottom: none;
        p {
          float: left;
          color: #464646;
          font-size: .24rem;
          line-height: .76rem;
        }
        textarea {
          float: left;
          width: 5.7rem;
          color: #464646;
          font-size: .24rem;
          height: .76rem;
          line-height: .76rem;
          text-indent: .1rem;
          &::placeholder {
            color: #464646;
            font-size: .24rem;
          }
        }
      }
    }
  }
  .subtotal {
    margin-top: 1.38rem;
    line-height: 1.14rem;
    font-size: .28rem;
    color: #464646;
    text-align: right;
    padding: 0 .2rem;
    .subtotalInfo {
      color: #ef1717;
      font-size: .2rem;
      margin-left: .3rem;
      .subtotal {
        font-size: .3rem;
        font-style: normal;
        color: #ef1717;
      }
    }
  }
  padding-bottom: 1rem;
}

.payment {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.56);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
  .payMain {
    padding: .3rem 0 .43rem;
    width: 100%;
    height: 58%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    .payTitle {
      line-height: .5rem;
      padding: 0 .2rem .35rem;
      border-bottom: 1px solid #dddddd;
      button {
        float: left;
        width: .37rem;
        height: .5rem;
        background: url("../img/bg17.png") no-repeat left .07rem;
        background-size: .37rem;
      }
      h5 {
        color: #222121;
        font-size: .4rem;
        float: left;
        margin-left: 2.38rem;
      }
      a {
        width: .35rem;
        height: .5rem;
        float: right;
        background: url("../img/bg18.png") no-repeat left .08rem;
        background-size: .35rem;
      }
    }
    .account,
    .payClass {
      padding: 0 .2rem;
      border-bottom: 1px solid #dddddd;
      line-height: .8rem;
      a {
        color: #515050;
        display: block;
      }
      p {
        &:first-child {
          float: left;
          a {
            font-size: .28rem;
          }
        }
        &:last-child {
          float: right;
          a {
            font-size: .24rem;
          }
        }
      }
    }
    .payClass{
      p {
        &:last-child {
          float: right;
          a {
            font-size: .24rem;
            background: url("../img/bg19.png") no-repeat right;
            background-size: .17rem .31rem;
            padding-right: .32rem;
          }
        }
      }
    }
    .payMoney {
      padding: 0 .2rem;
      border-bottom: 1px solid #dddddd;
      line-height: .8rem;
      a {
        color: #515050;
        display: block;
      }
      p {
        &:first-child {
          float: left;
          a {
            font-size: .28rem;
          }
        }
        &:last-child {
          float: right;
          a {
            font-size: .24rem;
            color: #e41515;
          }
        }
      }
    }
    .btn{
      width: 7.1rem;
      padding: 0 .2rem;
      position: absolute;
      bottom: .43rem;
      left: 50%;
      margin-left: -3.55rem;
      a{
        display: block;
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
        color: #fff;
        font-size: .36rem;
        background: #4383ef;
      }
    }
  }
}

.bottom {
  width: 100%;
  line-height: .96rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  p {
    width: 5.23rem;
    height: .96rem;
    border: 1px solid #e2e2e2;
    border-right: none;
    font-size: .28rem;
    text-align: right;
    color: #464545;
    float: left;
    span {
      color: #f81a1a;
      margin-left: .2rem;
      margin-right: .45rem;
      i {
        font-style: normal;
      }
    }
  }
  button {
    float: left;
    width: 2.25rem;
    height: 1rem;
    background: #4383ef;
    color: #ffffff;
    font-size: .3rem;
    line-height: .98rem;
    text-align: center;
  }
}